Affichage des articles dont le libellé est html دروس. Afficher tous les articles
Affichage des articles dont le libellé est html دروس. Afficher tous les articles

samedi 16 mars 2013

الدرس السابع من دروسhtml

12:31  reda  2


 بسم الله الرحمن الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام

fast-info  السلام عليكم ورحمة الله وبركاتة . زوار مدونة
 htmlنبداء بدرس السابع من دروس
ملاحظة * جميع دروس ستكون باللغة الفرنسية

La structure  générale d’un site web
Exemple :
Le code html suivant crée une structur générale d’un site web sur lequel en peu le modifer est  écrit un "site web"

<html>

<head>

<title> fasttic </title>

<body*****
      *****
      *****
</body>
</head>
</html>
Fasttic: هنا يمكن ان تكتب أي عنوان تريده لموقعك                                                                
***** : هنا يمكنك ان تكتب الأكواد التي توافق ما تريده ان يكون كمضمون لموقعك مثلا الصور والجدل الخ ...

اقرء المزيد

الدرس السادس من دروسhtml

12:20  reda  لا يوجد تعليقات


 بسم الله الرحمن الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام
fast-info  السلام عليكم ورحمة الله وبركاتة . زوار مدونة
 htmlنبداء بدرس السادس من دروس
ملاحظة * جميع دروس ستكون باللغة الفرنسية
Fusionner des cellules


Il est possible de fusionner des cellules entre elles en utilisant des attributs de la balise td.
La fusion de plusieurs cellules d'une même ligne, c'est-à-dire de plusieurs colonnes, se fait grâce à
l'option colspan et la fusion de plusieurs cellules appartenant à une même colonne, c'est-à-dire de
plusieurs lignes, avec l'option rowspan. Ces deux attributs prennent la valeur correspondant aux
nombres de cellules que l'on souhaite fusionner.
Exemple
pour fusionner trois cellules d'une colonne :
fusioner les cellules
Et voilà le résultat :
triple cellule
cellule simple
deuxième cellule simlpe
troisième cellule simple
La fusion des cellules d'une colonne est un peu plus complexe, en raison de la construction linéaire
des tableaux. En effet, lorsqu'une cellule occupe plusieurs lignes, elle est définie dans la première
ligne et pas dans les lignes suivantes ; celles-ci contiennent donc un élément td de moins.
Exemple 

ce qui donne
cellule1
cellule simple
cellule simple
cellule simple
cellule simple
cellule simple
cellule simple
cellule simple
cellule simple
cellule simple

Remarque :
  • En principe, la taille du tableau et celle des cellules s'adaptent automatiquement à
    l'encombrement des données. Cependant, il est possible de contrôler la taille exacte du
    tableau en utilisant l'attribut     width avec des valeurs en pixels ou en pourcentage.

  • Il est possible d'imbriquer des tableaux (placer un tableau à l'intérieur d'une cellule).

  • La construction d'un tableau est une affaire d'organisation. Un tableau se construit avec une
    hiérarchie de trois niveaux:
    • déclaration du tableau <table>
    • déclaration d'une ligne dans le tableau<tr>
    • déclaration d'une (ou plusieurs) cellule dans la ligne<td>
  • Il est possible d'insérer des images dans les cellules d’un tableau ou d'en colorer le fond.

اقرء المزيد

الدرس الخامس من دروس html

11:56  reda  لا يوجد تعليقات



 بسم الله الرحمن الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام
fast-info  السلام عليكم ورحمة الله وبركاتة . زوار مدونة
 htmlنبداء بدرس الخامس من دروس
ملاحظة * جميع دروس ستكون باللغة الفرنسية
les tableaux
La déclaration d'un tableau se fait grâce à la balise table ;
  • la balise tr (table row) permet de définir une ligne, une rangée dans un tableau ; cette balise
    encadre les balises td de cellules ;

  • la balise td (table data) permet de définir une cellule de donnée dans une ligne ; elle sera
    contenue obligatoirement dans la balise tr ;

  • la balise th (table header) permet de définir des cellules comme étant des entêtes de lignes ou de
    colonnes ; généralement, le texte sera mis en emphase forte suivant les styles par défaut du
    navigateur ou de l'utilisateur ;

  • la balise caption(<<légende>>)permet de donner un titre au tableau.

Exemple élémentaire
DONNE:
table simple
a1
a2
b1
b2
b3
b4
Attributs de la balise table
Parmi les attributs spécifiques, nous avons des attributs de mise en forme :
    • border: permet de définir si la table a des traits (bordure de cases) ou pas, et quelle est leur
      épaisseur en pixels:

border="0" indique que la table n'a pas de traits, border="1" indique qu'elle a des traits de un
pixel de large…

    • width: permet d'indiquer la largeur totale du tableau, en pixels (nombre entier seul) pourcentage
      de la page totale (par exemple "30%");

Attributs des balises tr, th et td
 * align : indique l'alignement horizontal : left (aligné à gauche), center (centré), right (aligné
à droite) ou justify (justifié) ;

* valign : indique l'alignement vertical : top (aligné en haut), middle      (centré) ou bottom (aligné
en bas).



      • bgcolor :indique la couleur d’arrière plan de la cellule ou de la ligne.

اقرء المزيد

dimanche 10 mars 2013

الدرس الرابع من دروس html

11:54  reda  لا يوجد تعليقات


 بسم الله الرحمن الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام
fast-info  السلام عليكم ورحمة الله وبركاتة . زوار مدونة
 htmlنبداء بدرس الرابع من دروس
ملاحظة * جميع دروس ستكون باللغة الفرنسية
Images
Une image est insérée avec la balise img en spécifiant avec l'attribut src (source) le chemin de
l'image à inclure (sous la forme d'une adresse réticulaire, URL) et avec l'attribut alt l'éventuel texte
de remplacement de l'image :
XHTML
<img src="mon_image.png" alt="texte si l'image n'est pas affichée" />
HTML
<img src="mon_image.png" alt="texte si l'image n'est pas affichée" >
Par la suite, nous considérerons du XHTML. Pour du HTML, supprimez simplement la barre de
fraction avant la fermeture de la balise.
La balise img peut avoir divers attributs facultatifs. Seuls les attributs src et alt sont obligatoires.
  • align :alignement de l'image (peut prendre les
    valeurs     top, bottom, middle, left ou right) ;

  • alt :texte de remplacement (affiché si le navigateur ne peut afficher l'image) ;
    cet attribut est obligatoire, il permet notamment à un malvoyant de comprendre l'image qu'il ne peut voir (son
    logiciel lit le texte à voix haute ou le transforme en braille);

  • title :titre de l'image (s'affiche en info bulle dans le navigateur) ;

  • border :largeur de la bordure de l'image (valeur exprimée en pixels);

  • hieght :hauteur de l'image (si aucune valeur spécifiée, l'image garde sa hauteur normale;

  • width :largeur de l'image (si aucune valeur spécifiée, l'image garde sa largeur normale).

اقرء المزيد

samedi 9 mars 2013

الدرس التالث من دروسhtml

17:03  reda  لا يوجد تعليقات



 بسم الله الرحمن الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام
fast-info  السلام عليكم ورحمة الله وبركاتة . زوار مدونة
 htmlنبداء بدرس التالث من دروس
ملاحظة * جميع دروس ستكون باللغة الفرنسية
Placement des objets avec l’ancien HTML
Par défaut, les objets — texte, images… — sont alignés à gauche, à moins que le réglage du
navigateur ou la feuille de style en décide autrement.
  • Il est possible de centrer les objets avec les balises <center>…</center>.
  • Pour aligner à droite, il faut utiliser la balise <div align="right">…</div>.
  • Le texte, quant à lui, peut être justifié avec la balise <div align="justify">…</div>.
On peut aussi indiquer l'alignement à l'intérieur de la balise de description, par exemple :
  • pour centrer un paragraphe, on peut utiliser
<p align="center">...</p>;
  • pour centrer une image, on peut utiliser
<img src="…" … align="center" />. 

اقرء المزيد
Twitter Delicious Facebook Digg Stumbleupon Favorites More